#5E6993

Color Details

HEX
#5E6993
RGB
rgb(94, 105, 147)
HSL
hsl(228, 22%, 47%)
CMYK
cmyk(36%, 29%, 0%, 42%)
Best text on this color #FFFFFF (CR 5.36:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5e6993
Contrast 3.92:1 Fail
White on #5e6993
Contrast 5.36:1 AA
#5e6993 on Black
Contrast 3.92:1 Fail
#5e6993 on White
Contrast 5.36:1 AA

Tints & Shades

#7e87a9
#9ea5be
#bfc3d4
#4b5476
#383f58
#262a3b

Complement & Analogous

#92885d
#6d5d92
#5d8292

Triadic

#925d68
#68925d

Monochrome

#262a3b #383f58 #5e6993 #9ea5be #bfc3d4 #dfe1e9

Analogous

#5d8292 #8ea8b3 #5e6993 #8a7da8 #6d5d92 #574a75

Complementary Mix

#383f58 #5e6993 #9ea5be #92885d #b8b296 #5f583c

Nearby Colors

#5e6992
#5e6994
#5e6983
#5e69a3

Embed #5E6993 swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #5E6993

#5E6993 converts to RGB(94, 105, 147) and HSL(228, 22%, 47%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#5E6993 FAQs

What is the RGB value of #5E6993?
RGB: 94, 105, 147. Copy as CSS: rgb(94, 105, 147)
Is #5E6993 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #5E6993?
Complement: #92885d.
Does #5E6993 have good contrast on white or black?
On white: 5.36:1 (AA (normal text)). On black: 3.92:1 (AA (large text)).